<template>
  <div class="container main">
  <el-container>
    <el-aside width="180px" height="800px">
      <div class="personal-center">个人中心</div>
      <el-menu
        default-active=""
        class="el-menu-vertical-demo">
        <router-link :to="{path:'/Pages/PersonalCenter/AccountSettings'}">
        <el-menu-item index="1">
          <template >
            <i class="el-icon-setting"></i>
            <span>账号设置</span>
          </template>
        </el-menu-item>
        </router-link>
        <router-link :to="{path:'/Pages/PersonalCenter/MyActive'}">

        <el-menu-item index="2">

          <i class="el-icon-copy-document"></i>
          <span slot="title">我的活动</span>
        </el-menu-item>
        </router-link>
        <router-link :to="{path:'/Pages/PersonalCenter/MyOrder'}">
        <el-menu-item index="3">
          <i class="el-icon-document"></i>
          <span slot="title">我的订单</span>
        </el-menu-item>
        </router-link>
        <router-link :to="{path:'/Pages/PersonalCenter/MyDemand'}">
        <el-menu-item index="4">
          <i class="el-icon-notebook-1"></i>
          <span slot="title">我的需求</span>
        </el-menu-item>
        </router-link>
        <router-link :to="{path:'/Pages/PersonalCenter/MyEvaluation'}">
          <el-menu-item index="5">
            <i class="el-icon-reading"></i>
            <span slot="title">我的评价</span>
          </el-menu-item>
        </router-link>
      </el-menu>
    </el-aside >
   <div class="e-main"> <router-view></router-view></div>
  </el-container>



  </div>
</template>

<script>
    export default {
        name: "Index"
    }
</script>

<style scoped>
.main{
  padding: 50px 15px 100px;
}
  .personal-center{
    padding: 10px;
    text-align: center;
    background:rgba(21,117,249,1);
    border:1px solid rgba(220,220,220,1);
    font-size:18px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:rgba(255,255,255,1);
  }
.el-menu{
  height: 500px;
}
  .el-aside{
    margin-right: 30px;
  }
.e-main{
  background: #ffffff;
  width: 100%;
}

</style>
